  <h3><span><?php echo $heading_title; ?></span></h3>
  <?php $col=0; $row=1; ?>
  <?php foreach ($products as $product) { ?>    
  <div class="prod_box">
    <div class="center_prod_box">            
      <div class="product_title"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
      <?php if ($product['thumb']) { ?><div class="product_img"><a href="<?php echo $product['href']; ?>"><img class="thumb" src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div><?php } ?>
      <div class="prod_price">
	    <span class="price_old"><?php echo @$product['price_old']; ?></span>
	    <span class="price_new"><?php echo $product['price']; ?></span>
      </div>                        
    </div>
    <div class="prod_details_tab">
      <a class="prod_buy" href="buy.html"><span>Add to Cart</span></a>          
      <a class="prod_details" href="<?php echo $product['href']; ?>"><span>Details</span></a>            
    </div>                     
  </div>
  <?php } ?>   



<style type="text/css">
/*---------prod_box----------*/
.prod_box{
width:32%;
margin: auto;
height:auto;
float:left;
padding:6px 0px 6px 7px;
}
.product_title{
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
text-align: left;
}
.product_title a{
text-decoration:none;
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a:hover{
color:#064E5A;
}
.product_img{
padding:5px 0 5px 0;
}
.prod_price{
padding:5px 0 5px 0;
}

.center_prod_box{
width:173px;height: auto;float:left; text-align:center;padding:0px; margin:0px; border:1px #F0F4F5 solid;
}
.prod_details_tab{
width:173px;
height:31px;
float:left;
margin:3px 0 0 0;
}
img.left_bt{
float:left;
padding:6px 0 0 6px;
}
a.prod_details{
width:75px;
height:24px;
display:block;
float:right;
background:url(http://csscreme.com/freetemplates/tool_shop/images/link_bg.gif) no-repeat center;
margin:2px 5px 0 0;
text-align:center;
line-height:24px;
text-decoration:none;
color:#159dcc;
}

a.prod_compare{
width:75px;
height:24px;
display:block;
float:left;
background:url(http://csscreme.com/freetemplates/tool_shop/images/link_bg.gif) no-repeat center;
margin:2px 0 0 5px;
text-align:center;
line-height:24px;
text-decoration:none;
color:#159dcc;
}
a.prod_buy{
width:75px;
height:24px;
display:block;
float:left;
background:url(http://csscreme.com/freetemplates/tool_shop/images/link_bg.gif) no-repeat center;
margin:2px 0 0 5px;
text-align:center;
line-height:24px;
text-decoration:none;
color: #006600;
}
/*---------prod_box_big----------*/
.prod_box_big{
width:554px;
height:auto;
float:left;
padding:10px 10px 15px 15px;
}
.center_prod_box_big{
width:554px;height: auto;float:left; text-align:center;padding:0 0 10px 0; margin:0px;border:1px #F0F4F5 solid;
}
.product_img_big{
width:170px;
padding:10px 0 0 10px;
float:left;
}
.details_big_box{
width:345px;
float:left;
padding:0 0 0 15px;
text-align:left;
}
.product_title_big{
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
font-size:14px;
}
.specifications{
font-size:12px;
font-weight:bold;
line-height:18px;
}
.thumbs{
padding:8px 5px 8px 5px;
border:1px #DFD1D1 solid;
margin:15px 0 0 0;
}
.thumbs a{
padding:3px;
}
.prod_price_big{
padding:5px 0 5px 0;
font-size:16px;
}
a.addtocart{
width:76px;
height:27px;
display:block;
float:left;
background:url(http://csscreme.com/freetemplates/tool_shop/images/addtocart.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
a.compare{
width:76px;
height:27px;
display:block;
float:left;
margin:0 0 0 10px;
background:url(http://csscreme.com/freetemplates/tool_shop/images/compare.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
span.blue{
color:#159DCC;
}


</style>

